<template>
    <li class="test">
        <span class="navs cur animation" 
            v-text="Lang.rightNav0[lang][0]" 
            @click="e_page('signin')"
        />
        <span class="navs cur animation" 
            v-text="Lang.rightNav0[lang][1]" 
            @click="e_page('signup')"
        />
    </li>
</template>

<script>
import Lang from './lang.js'

export default {
    name: 'test',
    data() {
        return {
            Lang
        }
    },
    computed: {
        lang() {
            return this.$store.state.setting.lang
        },
    },
    created() {

    },
    methods: {
        e_page(s) {
            this.$router.push(`/${s}`)
        },
    }
}
</script>

<style scoped>
    .navs {
        margin: 0 10px;
        font-size: 14px;
        line-height: var(--h);
        color: #c7cce6;
        font-weight: 100;
    }
    .navs:hover {
        color: #7a98f7;
    }
</style>